<%@ taglib prefix="date" uri="http://www.springframework.org/tags/form" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<html  ng-app="userFirst">
<head>
    <meta charset="utf-8">
    <title>智能报修系统——历史工单！</title>
    <link  type="text/css"  rel="stylesheet" href="<%= request.getContextPath()%>resources/css/style.css" />
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/head.css"/>
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/staffLeft.css"/>
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/userFirst.css" />

    <%--交互样式所需css--%>
    <link rel="stylesheet" type="text/css" href="<%= request.getContextPath()%>resources/css/jNotify.jquery.css"/>

    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jquery.js"></script><!--jquery压缩包-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/script.js"></script><!--用户评分代码-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jquery.min.js"></script>	<!--另外一个jquery压缩包-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/uploadImg.js" charset="utf-8"></script><!--上传图片的代码-->
    <script type="text/javascript" src="<%= request.getContextPath()%>resources/js/angular.min.js" charset="utf-8"></script>

</head>
<body ng-controller="userFirstController">
<!--页面的头部开始-->

<style>
    #operation a:link,a:visited,a:hover{
        text-decoration: none;
        color: #4e7500;
    }
</style>

<div id="head">
    <div id="head_con">
        <p class="title">智能报修系统</p>
        <div id="head_right">
            <a href="#">收件箱</a>
            <button id="downloadAPP">APP下载</button>
        </div>
    </div>
</div>
<!--页面的头部结束-->

<!--页面的左边开始-->
<div id="staffLeft">
    <div id="staffLeftCon">
        <div id="staffInfo" >
            <p class="staffName">{{user.userName}}</p>
            <p class="staffNum">{{user.userAccount}}</p>
            <p class="place">用户</p>
        </div>
        <div id="operation">
            <ul >
                <a href="/homePage"><li id="homepage"  >首页</li></a>
                <a href="/progressRepair"> <li  id="progressRepair" ng-click="baoxiujingdu()">报修进度</li></a>
                <a href="/historicalWorkList"><li  id="historicalWorkList" class="active" ng-click="lookHistoryWork()">历史工单</li></a>
                <a HREF="/personalData"><li id="personalData"  >个人资料</li></a>
            </ul>
        </div>
        <div class="phoneNum">
            {{servicephone.name}} :{{servicephone.content}}
        </div>
    </div>
</div>
<!--页面的左边结束-->
<!--历史工单开始-->
<div id="myTask" class="search" >
    <!--历史工单头开始-->
    <ul>
        <li><a class="all" href="#">已完成</a></li>
    </ul>
    <!--历史工单头结束-->

    <!--历史工单列表开始-->
    <div id="allTask" class="allTask" style="display:block;">
        <table id="allTaskTable" class="allTaskTable" border="0"  cellspacing="0">
            <tr class="weightGreenColor"   style="align-content: center;">
                <th class="missionTim">创建时间</th>
                <th class="taskNum">工单号</th>
                <th class="question">问题描述</th>
                <th class="taskWorker">运维人员</th>
                <th class="remark">评论</th>
                <th class="throw">投诉</th>
            </tr>
            <tr class="weightGreenColor"   ng-repeat="x in historyWork" style="text-align: center;">
                <td class="missionTim" >{{x.uploadTime| date:'yyyy-MM-dd HH:mm:ss'}}</td>
                <td  class="taskNum">{{x.jobnumber}}</td>
                <td class="question"><p>{{x.details}}</p></td>
                <td class="taskWorker">{{x.receiveOne}}&nbsp;<span>{{x.userPhone}}</span></td>
                <td class="remark"  >{{x.commentStar}}分</td>
                <td class="throw">{{x.commentContent|reverse}}</td>

            </tr>

        </table>
    </div>
    <!--历史工单列表结束-->

    <!--上下页开始-->
    <div id="missionPage" class="missionPage">
        <p class="upPage">上一页</p>
        <p class="nowPage">第<span>1</span>页</p>
        <p class="downPage">下一页</p>
    </div>
    <!--上下页结束-->
</div>
<!--历史工单结束-->


<!--版权声明开始-->
<div id="footer" class="footer">
    <p class="footerWord">版权所有&nbsp;四川旅游学院</p>
</div>
<!--版权声明结束-->

<script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="<%= request.getContextPath()%>resources/js/jNotify.jquery.js"></script>
<script type="text/javascript" src="<%= request.getContextPath()%>resources/js/userFirstController.js" charset="utf-8"></script>
</body>

</html>
